<script setup>
import { ref } from 'vue';
import CompE from '../views/CompE.vue'


// 父向子：使用defineProps接收父组件传递的值
defineProps({
  msg: {
    type: String,
    required: true
  },
  name:String
})

// 子向父
const age = ref(18)
const emits = defineEmits(['e-age']) // 定义事件

const sendData = () => {
  emits('e-age',age.value) // 触发事件，传递数据
}

</script>

<template>
  <h1>{{ msg }}，{{ name }}</h1>
  <button @click="sendData">向父组件传递数据</button>

  <CompE></CompE>
</template>

<style scoped>

</style>
